@charset "UTF-8";
@import "reset";
//处理px单位的值，转换为rem单位；
@function r($px) {
    @return $px/100px*1rem;
}

* {
    font-size: 0;
}

.content {
    height: r(1135px);
    background-color: #222222;
    .search {
        width: r(611px);
        height: r(88px);
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 r(15px);
        border-bottom: 1px solid #484848;
        text-align: center;
        margin: 0 auto;
        .icon_X {
            width: r(50px);
            height: r(50px);
            border-radius: r(50px);
            background-color: #b60005;
            display: flex;
            justify-content: center;
            align-items: center;
            i {
                font-size: r(16px);
                color: white;
            }
        }
        i:nth-child(2) {
            color: white;
            position: relative;
            left: r(55px);
        }
        input {
            width: r(483px);
            height: r(52px);
            border-radius: r(60px);
            background: #1f1f1f;
            border: r(2px) solid white;
            color: white;
            padding-left: r(60px);
            font-size: 16px;
        }
        input::-webkit-input-placeholder {
            font-size: 16px;
        }
    }
    .Immediately {
        height: r(359px);
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        .Immediately_box1 {
            margin: 0 auto;
            position: relative;
            img:first-child {
                width: r(129px);
                height: r(129px);
            }
            img:last-child {
                width: r(33px);
                height: r(34px);
                position: absolute;
                top: 0;
                right: 0;
            }
        }
        .Immediately_box2 {
            display: flex;
            justify-content: center;
            align-items: baseline;
            margin-top: r(16px);
            p {
                font-size: r(25px);
                color: white;
            }
            div {
                height: r(22px);
                display: flex;
                justify-content: space-around;
                align-items: center;
                border: 1px solid #a3a3a3;
                margin-left: r(10px);
                p {
                    font-size: r(14px);
                    color: #a3a3a3;
                }
            }
        }
        .Immediately_box3 {
            width: r(123px);
            padding: r(10px) 0;
            display: flex;
            justify-content: space-between;
            margin: 0 auto;
            div {
                width: r(21px);
                height: r(20px);
                img {
                    width: 100%;
                    height: 100%;
                }
            }
        }
        .Immediately_box4 {
            display: flex;
            justify-content: center;
            div {
                span {
                    font-size: r(23px);
                    color: white;
                }
            }
            div:first-child {
                border-right: 1px solid white;
                span:last-child {
                    color: #b60005;
                    padding: 0 r(9px);
                }
            }
            div:last-child {
                span:first-child {
                    padding: 0 r(9px);
                }
                span:last-child {
                    color: #b60005;
                }
            }
        }
        .Immediately_box5 {
            button {
                width: r(220px);
                height: r(52px);
                font-size: r(23px);
                color: white;
            }
            button:first-child {
                border-radius: r(60px);
                background-color: #b60005;
                margin: r(20px) r(22px) 0 0;
            }
            button:last-child {
                border-radius: r(60px);
                background-color: #cdcdcd;
            }
        }
    }
    .emptybox {
        height: r(23px);
        background-color: #303030;
    }
    .ComboBox {
        padding: 0 r(32px);
        ul {
            li {
                height: r(90px);
                display: flex;
                justify-content: space-between;
                align-items: center;
                border-bottom: 1px solid #484848;
                p {
                    font-size: 16px;
                    color: white;
                    color: #7f7f7f;
                }
                i {
                    color: #7f7f7f;
                }
            }
            div {
                p {
                    font-size: r(16px);
                    color: white;
                }
            }
        }
        input[type="radio"] {
            display: none;
        }
        input[type="radio"]:checked+label {
            li {
                i {
                    transform: rotateZ(90deg);
                }
            }
        }
        input[type="radio"]:checked+label~.pstyle {
            max-height: r(200px);
        }
        .pstyle {
            max-height: 0;
            overflow: hidden;
            transition-property: max-height;
            transition-duration: 1s;
            text-align: center;
            P {
                margin-top: r(20px);
            }
            hr{
                width: r(430px);
                height: 1px;
                border: none;
                background-color: #2f2f2f;
                margin-top: r(25px);
            }
        }
    }
    .last_button {
        text-align: center;
        margin: r(38px);
        >a {
            button {
                width: r(178px);
                height: r(52px);
                font-size: r(23px);
                color: white;
                background-color: #b60005;
                border-radius: r(60px);
            }
        }
    }
}